<template>
  <div class="umrp-pagination">
    <div class="umrp-pagination-number" v-for="key in 10">{{ key }}</div>
  </div>
</template>

<style lang="scss" scoped>
.umrp-pagination {
  display: flex;
  gap: 4px;

  &-number {
    color: #333;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    border: 1px solid var(--color-gray-1);
    text-align: center;
    line-height: 28px;
  }
}
</style>
